$(function () {
    init();
    // 初始化
    function init() {
        eventList();
        swip();
    }

    // 绑定一坨事件
    function eventList() {
        var shadow = $('.shadow');
        $("header .product").on('tap',function(){
            // console.log(123);
            $('.pp').fadeToggle();
            shadow.fadeToggle();
        })
        $(".pp .slideup").on('tap', function () {
            // console.log(123);
            $('.pp').slideToggle();
            shadow.fadeToggle();
        })
    }

    function swip(){
        var reList = document.querySelector(".reList");
        var reListW = reList.offsetWidth;
        // 1.2 获取滑动子元素
        var ulBox = reList.querySelector("ul");
        var ulBoxW = ulBox.offsetWidth;
        // 1.3 获取所有li元素
        var allLi = ulBox.querySelectorAll("li");
        // 设置滑动和静态区间
        var bounce = 300; //弹簧区间值
        var maxX = 0;
        var minX = reListW - ulBoxW;
        var maxBounceX = maxX + bounce;
        var minBounceX = minX - bounce;
        // 2.实现滑动操作
        // 2.1 创建全局变量
        var startX = 0, moveX = 0, distanceX = 0;
        //  添加一个变量记录当前滑动位置
        var currentX = 0;
        // 2.2 添加滑动事件
        ulBox.addEventListener("touchstart", function (e) {
            // 记录起始Y坐标
            startX = e.targetTouches[0].clientX;
        });
        ulBox.addEventListener("touchmove", function (e) {
            // 再次记录滑动过程中的y坐标值
            moveX = e.targetTouches[0].clientX;
            // 计算 坐标的差异
            distanceX = moveX - startX;
            // 判断当前滑动的距离在参照原始位置的基础之上是否超出了指定的滑动区间--
            if (distanceX + currentX > maxBounceX || distanceX + currentX < minBounceX) {
                console.log("别拉了。。不行了");
            } else {
                // 设置偏移
                ulBox.style.transition = "none";
                ulBox.style.left = (currentX + distanceX) + "px";
            }
        });
        // 在本次滑动结束之后记录当前元素滑动到的位置，以便下次滑动时进行参照
        ulBox.addEventListener("touchend", function (e) {
            // 判断当前滑动到的位置
            // 1.如果是最小的Y坐标区间范围：a.回到静态状态下最小的Y坐标位置，b.同时重置currentY为静止状态下最小Y坐标值
            if (currentX + distanceX < minX) {
                // 添加过渡
                ulBox.style.transition = "left .5s";
                // 设置偏移
                ulBox.style.left = minX + "px";
                // 重置currentY
                currentX = minX;
            }
            // 2.如果是最大Y坐标区间范围：a.回到静止状态下最大的Y坐标位置，b.同时重置cuurentY为静止状态下最大Y坐标值
            else if (currentX + distanceX > maxX) {
                // 添加过渡
                ulBox.style.transition = "left .5s";
                // 设置偏移
                ulBox.style.left = maxX + "px";
                // 重置currentY
                currentX = maxX;
            }
            else {
                currentX += distanceX;
            }
        });
    }

    $.get('http://193.112.55.79:9090/api/getbaicaijiatitle',function(data){
        var html = template("pListTemp", { arr: data.result });
        // console.log(data);
        $(".pList").html(html);
        $.ajax({
            type: 'get',
            url: 'http://193.112.55.79:9090/api/getbaicaijiaproduct',
            data: { titleid: 0 },
            success: function (res) {
                console.log(res);
                var content = template("tablistTemp", { arr: res.result,titleb_id:0});
                $(".tab-content").html(content);
                $("#" + 0).show();
            }
        })

    })
    $('.pList').on('tap','a',function(){
        var current = $(this);
        var id = current.attr('data-id');
        $.ajax({
            type: 'get',
            url: 'http://193.112.55.79:9090/api/getbaicaijiaproduct',
            data: { titleid: id },
            success: function (res) {
                var content = template("tablistTemp", { arr: res.result, titleb_id: id });
                $(".tab-content").html(content);
                $("#" + id).show();
            }
        })
    })

   
    
});


     
